<script setup lang="ts">
import { ElConfigProvider } from "element-plus";
import { useAppStore } from "@/store/modules/app";
import { useScreen } from "@/store/modules/screen";
const screenHook = useScreen();
const appStore = useAppStore();

screenHook.listenScreenSize();
screenHook.listenOrientationChange();
onErrorCaptured(function (err, instance, info) {
  console.log("[errorCaptured]", err, instance, info);
});
</script>

<template>
  <el-config-provider :locale="appStore.locale" :size="appStore.size">
    <router-view />
  </el-config-provider>
</template>

<style lang="less">
.el-dialog__title {
  color: white;
}

.el-button.is-link {
  margin-left: 5px !important;
}

.dialog_footer {
  display: flex;
  justify-content: center;
}

.input_append_btn_345 {
  margin-left: 82%;
  z-index: 999;
  position: absolute;
  top: 0px;
}

.input_append_btn_385 {
  margin-left: 385px;
  z-index: 999;
  position: absolute;
  top: 0px;
}

.el-checkbox__label {
  white-space: pre-wrap;
}

.el-message-box__container i svg {
  width: 30px;
  height: 30px;
}

.el-table th.el-table__cell {
  background-color: #e5f5ff !important;
  //background-color: #e5eafa !important;
  height: 38px;
  line-height: 38px;
  color: black;
}

.el-table__row {
  height: 38px;
  line-height: 38px;
  color: black;
}

.el-form-item__label {
  font-weight: bold;
}

::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 5px;
  height: 5px;
}

::-webkit-scrollbar-track {
  background: rgba(75, 74, 74, 0.1);
  border-radius: 0;
}

::-webkit-scrollbar-thumb {
  cursor: pointer;
  border-radius: 5px;
  background: rgba(75, 74, 74, 0.5);
  transition: color 0.2s ease;
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(75, 74, 74, 0.8);
}

.system .el-dialog__body {
  height: var(--mobileAddFormHeight);
  overflow-y: auto;
}

.el-pagination {
  flex-wrap: wrap;
}

* {
  font-size: 13px;
}

.el-dialog__headerbtn i {
  //font-size: 28px;
}

.el-dialog__close svg {
  font-size: 28px;
  height: 28px !important;
  width: 28px !important;
}
</style>
